<template>
  <div class="about">
    <h1>关于</h1>
    <div class="card">
      <p>这是一个使用 Electron、Vite 和 Vue 构建的桌面应用程序。</p>
      <p>你可以在这个页面添加关于应用的更多信息，例如：</p>
      <ul>
        <li>应用的功能和特点</li>
        <li>开发团队信息</li>
        <li>版本历史</li>
        <li>联系方式</li>
      </ul>
    </div>
  </div>
</template>

<script setup>
// 组件逻辑可以在这里编写
</script>

<style scoped>
.about {
  text-align: center;
}

h1 {
  color: #34495e;
  margin-bottom: 2rem;
}

.card {
  background-color: #f8f9fa;
  border-radius: 8px;
  padding: 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  max-width: 600px;
  margin: 0 auto;
  text-align: left;
}

ul {
  margin-top: 1rem;
  padding-left: 1.5rem;
}

li {
  margin: 0.5rem 0;
}
</style>